/*
 * @Author: 张继伟
 * @Date: 2025-10-29 11:36:14
 * @Description: 
 */
import React from 'react';
import { Card, Row, Col, Statistic } from 'antd';
import { UserOutlined, ShoppingCartOutlined, DollarCircleOutlined } from '@ant-design/icons';

const Dashboard: React.FC = () => {
  return (
    <div>
      <h2>仪表板</h2>
      <Row gutter={16} style={{ marginBottom: 24 }}>
        <Col span={8}>
          <Card>
            <Statistic
              title="总用户数"
              value={1234}
              prefix={<UserOutlined />}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card>
            <Statistic
              title="今日订单"
              value={56}
              prefix={<ShoppingCartOutlined />}
            />
          </Card>
        </Col>
        <Col span={8}>
          <Card>
            <Statistic
              title="总收入"
              value={112893}
              prefix={<DollarCircleOutlined />}
              precision={2}
            />
          </Card>
        </Col>
      </Row>
      
      <Row gutter={16}>
        <Col span={12}>
          <Card title="系统信息">
            <p>系统版本: v1.0.0</p>
            <p>最后更新: 2024-01-01</p>
            <p>运行状态: 正常</p>
          </Card>
        </Col>
        <Col span={12}>
          <Card title="快捷操作">
            <p>这里是快捷操作区域</p>
          </Card>
        </Col>
      </Row>
    </div>
  );
};

export default Dashboard;